@media(max-width: 1600px) {

}

@media(max-width: 1279px) {

}

@media(max-width: 959px) {

}

@media(max-width: 767px) {

}
/*** menu responsive ***/
#main-menu .responsive-menu {
    display: none;
}
@media(max-width: 767px) {
    #main-menu {
        width: 100%;
        clear: both;
        font-size: 14px;
        position: relative;
    }
    #main-menu .main-menu-wrapper {
        min-height: 41px;
    }
    #main-menu .responsive-menu {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #main-menu .responsive-menu a {
        font-size: 0px;
        display: block;
        width: 42px;
        height: 21px;
        text-indent: -100px;
        background: url('../images/mobile-menu.png') no-repeat 0px 0px;
    }

    #main-menu .menu-container {
        width: 100%;
        display: none;
        height: auto;
        position: absolute;
        top: 40px;
        left: 0px;
        padding: 6px 0px;
        margin-left: 0px;
        text-align: left;
        background: #222;
    }
    #main-menu .menu-item {
        float: none;
        margin: 0px;
        display: block;
    }
    #main-menu .menu-item a {
        display: block;
        padding: 1px 10px 2px 20px;
        line-height: 26px;
    }
    #main-menu .menu-item.current-menu-item a,
    #main-menu .menu-item a:hover {
        background: none;
    }
    #main-menu .menu-item .sub-menu {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        padding-bottom: 0px;
        background: none;
    }
    #main-menu .menu-item .sub-menu .menu-item a {
        display: block;
        padding: 1px 10px 2px 20px;
        border-top: none;
    }
}
@media(min-width: 768px){
    #main-menu .menu-container {
        display: block !important;
    }
}